$(function(){
    // 搜索下拉面板的隐藏与显示
$("#searchBox").focus(function(){
    $(".exhibition").show();
})
$("#searchBox").blur(function(){
    $(".exhibition").hide();
})
function getData(key){
    //调用方法
       $.ajax({
            type:"get",
            url:"http://search.mi.com/search/expand",
            data:"keyword="+key+"&jsonpcallback=?",
            dataType:"jsonp",
            success:function(data){
            var str = [];
            for(var i=0;i<data.length;i++){
                var item = data[i];
                str.push("<dl>");
                str.push("<dt>"+ item.Key +"</dt>");
                str.push("<dd>"+"约"+ item.Rst+"件" +"</dd>");
                str.push("</dl>");
            }
            if($("#searchBox").val().length==0){
                $("#container").empty();
            }
             $("#container").append(str);
        }
    })
}
        $("#searchBox").keyup(function(){
          getData($(this).val());
        })
})


